<div class="top">期刊分类</div>
<ul class="box">
    <!-- <script type="text/html" id='menuData'> -->
    <li>
        <p class="close" data-status="{{:#data['isOutResource']}}" data-dbcode="{{:#data['dbCode']}}"></label><label
                class="text close">中文期刊</label></p>
        <!-- 二级列表 -->
        <div style="display: none;width: 100%;">
            <ul class="children">
                <li>
                    <p class="textAll" data-classifyCode="{{:#data['classifyCode']}}"
                        data-dbcode="{{:#data['dbCode']}}">
                        <label class="check"></label><label class="text">2021年</label>
                    </p>
                </li>
                <li>
                    <p class="textAll" data-classifyCode="{{:#data['classifyCode']}}"
                        data-dbcode="{{:#data['dbCode']}}">
                        <label class="check"></label><label class="text">2021年</label>
                    </p>
                </li>
                <li>
                    <p class="textAll" data-classifyCode="{{:#data['classifyCode']}}"
                        data-dbcode="{{:#data['dbCode']}}">
                        <label class="check"></label><label class="text">2021年</label>
                    </p>
                </li>
                <li>
                    <p class="textAll" data-classifyCode="{{:#data['classifyCode']}}"
                        data-dbcode="{{:#data['dbCode']}}">
                        <label class="check"></label><label class="text">2021年</label>
                    </p>
                </li>
            </ul>
            <!-- 更多 -->
            <div class="more">更多</div>
        </div>
    </li>
    <!-- </script> -->
</ul>
<script>
    $(function () {
        //点击复选框
        $('.box').click(function (e) {
            if ($(e.target).hasClass('close')) {
                $(e.target).toggleClass('open');

                if ($(e.target).next('div').css('display') == 'none') {
                    console.log($(e.target).next('div')[0], $(e.target).next('div').children('ul')[0])
                    // 展开
                    $(e.target).next('div').css('display', 'block');
                    $(e.target).next('div').children('ul').slideDown(100).children('li');
                } else {
                    //折叠
                    $(e.target).next('div').css('display', 'none');
                    $(e.target).next('div').children('ul').slideUp(100);
                    // 显示箭头
                }
            } else if ($(e.target).hasClass('text')) {
                checkedStatus($(e.target).siblings('label'))
            }
            else if ($(e.target).hasClass('textAll')) {
                checkedStatus($(e.target).children('label').eq(0))
            }
            else if ($(e.target).hasClass('check')) {
                checkedStatus($(e.target))
            } else if ($(e.target).hasClass('nocheck')) {
                checkedStatus($(e.target))
            }
            function checkedStatus(t) {
                if ($(t).hasClass('check')) {
                    $(t).toggleClass('check');
                    $(t).toggleClass('nocheck');
                    $(t).parent('p').next('ul').find('.check').each(function (index, item) {
                        // 所有子节点
                        $(item).removeClass('check').addClass('nocheck');
                    })
                } else if ($(t).hasClass('nocheck')) {
                    // input选中
                    $(t).addClass('check').removeClass('nocheck');
                    // 所有子节点
                    $(t).parent('p').next('ul').find('.nocheck').each(function (index, item) {
                        $(item).addClass('check').removeClass('nocheck');
                    })
                }
            }
        })
        // 获取复选框的值  中文期刊
            // 左侧导航栏数据
            shared.ajaxGet(getYear_Chinese, {}, function callback(res) {
                core.useTemplateAuto('chineseData', res, {});
            })
            shared.ajaxGet(getYear_Chinese, {}, function callback(res) {
                core.useTemplateAuto('chineseData', res, {});
            })
    })
</script>